//入口函数
$(function () {
    //请求数据
    getUserInfo()
    //添加退出事件
    $('#btnLogout').on('click', logout);
})
//获取登陆用户信息
function getUserInfo() {
    $.ajax({
        url: '/my/userinfo',
        method: 'GET',
        success(res) {
            //判断是否成功获取数据
            if (res.status !== 0) return
            //如果成功登陆，则渲染头像区域
            readerInfo(res.data);
        }
    })
}

//渲染头像区域
function readerInfo(userInfo) {
    //获取显示名称
    const userName = userInfo.nickname || userInfo.username;
    //欢迎显示名称
    $('#welcome').text('欢迎你：' + userName)
    //渲染图片头像
    if (userInfo.user_pic) {
        //设置并显示图片头像
        $('.layui-nav-img').attr('src', userInfo.user_pic).show()
        //隐藏文字头像
        $('.text-avater').hide();
    } else {
        //渲染文字头像
        //隐藏图片图像
        $('.layui-nav-img').hide();
        //显示文字头像
        $('.text-avater').text(userName[0].toUpperCase()).css('display', 'inline-block')
    }
}

//退出事件
function logout() {
    layer.confirm('请问真的要退出吗？~', { icon: 3, title: '系统提示' }, function (index) {
        //删除本地token
        localStorage.removeItem('token');
        //跳转到登陆页面--这里用replace方法不会产生浏览记录
        location.replace('/login.html')
        //关闭当前确认框
        layer.close(index);
    });
}